<template>
    <div class="blockData clearfix">
        <div class="item">
            <div class="text1 ell">{{type.list[type.index]}}充值</div>
            <div class="text2 ell">
            ￥{{dynamicData.recharge.value}}
            </div>
            <div class="text3 ell">
            {{type.left.length==(type.index+1)?'无法对比':'相比' + type.left[type.index] + dynamicData.recharge.contrast}}
            </div>
        </div>
        <div class="item">
            <div class="text1 ell">{{type.list[type.index]}}提现</div>
            <div class="text2 ell">
            ￥{{dynamicData.withdraw.value}}
            </div>
            <div class="text3 ell">
            {{type.left.length==(type.index+1)?'无法对比':'相比' + type.left[type.index] + dynamicData.withdraw.contrast}}
            </div>
        </div>
        <div class="item">
            <div class="text1 ell">{{type.list[type.index]}}盈利</div>
            <div class="text2 ell">
            ￥{{dynamicData.earnings.value}}
            </div>
            <div class="text3 ell">
            {{type.left.length==(type.index+1)?'无法对比':'相比' + type.left[type.index] +dynamicData.earnings.contrast}}
            </div>
        </div>
        <div class="item">
            <div class="text1 ell">{{type.list[type.index]}}注册</div>
            <div class="text2 ell" style="margin-left:0;">
            {{dynamicData.register.value}}
            </div>
            <div class="text3 ell">
            {{type.left.length==(type.index+1)?'无法对比':'相比' + type.left[type.index] + dynamicData.register.contrast}}
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'head-total',
    props: ["type","dynamicData"]
}
</script>

<style scoped lang="scss">
    @import '../../index.scss';
</style>